.arrange {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    .arrange_body {
        width: 70%;
        // height: 1000px;
        // background-color: pink;

        display: flex;
        // justify-content: space-between;

        .nav {
            width: 30%;
            height: 500px;
            // background-color: blue;

            .level_1 {
                cursor: pointer;
                padding: 30px 50px 0 50px;
                width: 100%;
                line-height: 40px;
                font-size: 16px;
                color: black;
                // background-color: pink;

                >li {
                    div {
                        width: 100%;
                        border-bottom: 1px solid #eee;
                    }

                    .level_2 {
                        width: 100%;
                        text-indent: 1em;

                        li {
                            font-size: 14px;
                            border-bottom: 1px solid #eee;
                        }
                    }
                }
            }
        }

        .article_list {
            width: 68%;
            height: 100%;

            // background-color: green;
            >h3 {
                line-height: 60px;
                font-weight: 600;
                font-size: 20px;

                border-bottom: 1px solid #eee;
            }

            .article_item {
                cursor: pointer;
                width: 100%;
                height: 180px;
                // background-color: pink;
                padding: 15px 30px;
                border-bottom: 1px solid #eee;

                &:hover {
                    background-color: #fafafa;
                }

                display: flex;
                align-items: center;

                >img {
                    width: 150px;
                    height: 100px;
                    margin-right: 30px;
                }

                .list_body {
                    // padding: 15px 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    width: 100%;
                    height: 100%;
                    // background-color: blue;

                    .info {
                        .title {
                            font-weight: 500;
                            font-size: 20px;
                            margin: 20px 0;
                            // line-height: 50px;
                        }

                        .p {
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                        }
                    }

                    .operation {
                        display: flex;
                        align-items: center;

                        >div {
                            margin: 0 20px;
                            width: 20px;
                            height: 20px;
                        }

                        .date {
                            color: rgba(59, 169, 132, 0.9);
                        }
                        .look{
                            color: rgba(77, 172, 231, 0.884);
                        }
                        .say{
                            color: rgba(241, 189, 18, 0.89);
                        }

                        span {
                            margin-right: 30px;
                        }
                    }
                }
            }
        }
    }
}